<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
    <script
      src="js/axios.min.js"
      type="text/javascript"
      charset="utf-8"
    ></script>
    <!-- 引入样式 -->
    <link
      rel="stylesheet"
      href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"
    />
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <style type="text/css">
      .conbody {
        padding: 50px;
        background-image: url(img/e6699ad0ceed58e9a83b07321d7099a.png) !important;
      }

      #product {
        width: 65%;
        margin: 0 auto;
      }

      #product h4 {
        margin-top: 15vh;
        width: 100%;
        text-align: center;
        font-size: 2rem;
        color: white;
        margin-bottom: 30px;
      }

      .item {
        display: flex;
        justify-content: space-around;
      }

      .item a {
        width: 150px;
        height: 150px;
        background-image: url(img/978f36b97fa7d7057ed9d0e95df23c3.png);
        background-repeat: no-repeat;

        background-size: 100% 100%;
      }

      .tabs {
        width: 150px;
        height: 150px;
      }

      .tabs img {
        display: block;
        width: 60px;
        height: 60px;
        margin: 20px auto;
      }

      .tabs p {
        width: 100%;
        text-align: center;
        color: white;
      }
    </style>
  </head>
  <body class="conbody">
    <div id="product">
      <h4>苏州工业园区数字政府典型场景</h4>
      <div class="item">
        <a href="topology.html">
          <div class="tabs">
            <img src="img/ceef5f35e9c888297223dcb9eab2133.png" />
            <p>首页</p>
          </div>
        </a>
        <a href="Intellectualization.html">
          <div class="tabs">
            <img src="img/07a92d4a026e63824f2b2e96d97ef80.png" />
            <p>智慧化场景</p>
          </div>
        </a>
        <a href="integrated.html">
          <div class="tabs">
            <img src="img/9aeb861297fb956a3edf33adffadd93.png" />
            <p>整体性转型</p>
          </div>
        </a>
        <a href="base.html">
          <div class="tabs">
            <img src="img/ba2563abec7eca43ad3b0fa79a86829.png" />
            <p>平台型底座</p>
          </div>
        </a>
      </div>
    </div>
    <div class="footer">
      建设单位：苏州工业园区大数据管理局
      &nbsp;&nbsp;&nbsp;&nbsp;技术支持：新建元数字科技有限公司、天聚地合（苏州）数据股份有限公司
    </div>
    <script src="js/util.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
      var product = new Vue({
        el: "#product",
        data: {},
        created() {},
        mounted() {},
        methods: {},
      });
    </script>
  </body>
</html>
